{% extends 'web/base.html' %}
{% block mainbody %}
<div class="mainbody app">
<!-- banner 轮播 -->
<div class="headBanner">
  <div class="container-fluid">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner app-banner" role="listbox">
        <div class="item active">
          <img src="./static/web/img/banner1.jpg" alt="" class="pcb-img">
          <img src="./static/web/img/app/m1.jpg" alt="" class="appb-img">
        </div>
        <div class="item">
          <img src="./static/web/img/banner2.jpg" alt="" class="pcb-img">
          <img src="./static/web/img/app/m2.jpg" alt="" class="appb-img">
        </div>
      </div>
      <!-- Controls -->
      <div class="hb-control hidden-xs hidden-sm">
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    </div>
 </div>
</div><!-- banner 轮播 E-->

<!-- 头部 侧导航 -->
<ul class="home-category hidden-xs hidden-sm" id="homeCategory">
    <li class="home-category-item">
      <a href="./list.html" class="home-category-link">
          手机
      </a>
      <div class="home-category-child clearfix">
        <div class="home-category-child-list clearfix">
          <a href="./meilanx.html" class="home-category-child-item title" title="魅族手机">
            魅族手机
          </a>
          <a class="home-category-child-item" href="#" target="_blank" >
            <img class="home-category-child-img" src="./static/web/img/nav01.png" height="40" width="40">
            <div class="home-category-child-text">PRO 7</div>
          </a>
          <a class="home-category-child-item" href="#" target="_blank" >
            <img class="home-category-child-img" src="./static/web/img/nav02.png" height="40" width="40">
            <div class="home-category-child-text">PRO 7 Plus</div>
          </a>
          <a class="home-category-child-item" href="#" target="_blank" >
            <img class="home-category-child-img" src="./static/web/img/nav03.jpg" height="40" width="40">
            <div class="home-category-child-text">PRO 6 Plus</div>
          </a>
          <a class="home-category-child-item" href="#" target="_blank" >
            <img class="home-category-child-img" src="./static/web/img/nav04.png" height="40" width="40">
            <div class="home-category-child-text">PRO 6s</div>
          </a>

          <a href="#" class="home-category-child-item title">
            魅蓝手机
          </a>
          <a class="home-category-child-item" href="#" target="_blank" >
            <img class="home-category-child-img" src="./static/web/img/nav05.jpg" height="40" width="40">
            <div class="home-category-child-text">魅蓝 A5</div>
          </a>
          <a class="home-category-child-item" href="#" target="_blank" >
            <img class="home-category-child-img" src="./static/web/img/nav06.png" height="40" width="40">
            <div class="home-category-child-text">魅蓝 E2</div>
          </a>
          <a class="home-category-child-item" href="#" target="_blank" >
            <img class="home-category-child-img" src="./static/web/img/nav05.jpg" height="40" width="40">
            <div class="home-category-child-text">魅蓝 5s</div>
          </a>
          <a class="home-category-child-item" href="#" target="_blank" >
            <img class="home-category-child-img" src="./static/web/img/nav06.png" height="40" width="40">
            <div class="home-category-child-text">魅蓝 Note5</div>
          </a>
          <a class="home-category-child-item" href="#" target="_blank" >
            <img class="home-category-child-img" src="./static/web/img/nav05.jpg" height="40" width="40">
            <div class="home-category-child-text">魅蓝 5</div>
          </a>
          <a class="home-category-child-item" href="#" target="_blank" >
            <img class="home-category-child-img" src="./static/web/img/nav06.png" height="40" width="40">
            <div class="home-category-child-text">魅蓝 X</div>
          </a>
        </div>

      <div class="home-category-child-ad type1">
        <a href="#" class="home-category-child-ad-item">
          <img src="./static/web/img/nav001.jpg" alt="" class="home-category-child-ad-img">
        </a>
        <a href="#" class="home-category-child-ad-item">
          <img src="./static/web/img/nav002.jpg" alt="" class="home-category-child-ad-img">
        </a>
      </div>
    </div>
  </li>
  <li class="home-category-item">
    <a href="#" class="home-category-link">
        智能设备
    </a>
    <div class="home-category-child clearfix">
      <div class="home-category-child-list clearfix">
        <a href="#" class="home-category-child-item title">
          智能健康
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav07.png" height="40" width="40">
          <div class="home-category-child-text">乐心智能体脂秤</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav07.png" height="40" width="40">
          <div class="home-category-child-text">乐心心率手环</div>
        </a>
        <a href="#" class="home-category-child-item title">
          智能厨房
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav08.png" height="40" width="40">
          <div class="home-category-child-text">沁麟智能靠谱煲</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav08.png" height="40" width="40">
          <div class="home-category-child-text">智能调温养生壶</div>
        </a>
         <a href="#" class="home-category-child-item title">
          智能娱乐
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav08.png" height="40" width="40">
          <div class="home-category-child-text">魅族盒子</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav08.png" height="40" width="40">
          <div class="home-category-child-text">魅族路由器 极速版</div>
        </a>
      </div>
    </div>
  </li>
  <li class="home-category-item">
    <a href="#" class="home-category-link">
        智能穿戴
    </a>
    <div class="home-category-child clearfix">
      <div class="home-category-child-list clearfix">
        <a href="#" class="home-category-child-item title">
          手环
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav09.png" height="40" width="40">
          <div class="home-category-child-text">魅族手环</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav09.png" height="40" width="40">
          <div class="home-category-child-text">乐心手环MAMBO 升级版</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav09.png" height="40" width="40">
          <div class="home-category-child-text">Misfit 智能手环</div>
        </a>
        <a href="#" class="home-category-child-item title">
          智能VR
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav09.png" height="40" width="40">
          <div class="home-category-child-text">纽曼智能3D眼镜</div>
        </a>
      </div>
    </div>
  </li>
  <li class="home-category-item">
    <a href="#" class="home-category-link">
        游戏设备
    </a>
    <div class="home-category-child clearfix">
      <div class="home-category-child-list clearfix">
        <a href="#" class="home-category-child-item title">
          游戏手柄
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav010.png" height="40" width="40">
          <div class="home-category-child-text">新游智能游戏手柄</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav010.png" height="40" width="40">
          <div class="home-category-child-text">飞智蓝牙无线手柄</div>
        </a>
        <a href="#" class="home-category-child-item title">
          游戏键鼠
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav010.png" height="40" width="40">
          <div class="home-category-child-text">雷柏游戏鼠标V26</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav010.png" height="40" width="40">
          <div class="home-category-child-text">雷柏游戏键盘V56</div>
        </a>
      </div>
    </div>
  </li>
  <li class="home-category-item">
    <a href="#" class="home-category-link">
        数码影音
    </a>
    <div class="home-category-child clearfix">
      <div class="home-category-child-list clearfix">
        <a href="#" class="home-category-child-item title">
          耳机
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav011.png" height="40" width="40">
          <div class="home-category-child-text">MEIZU-Flow 三单元耳机</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav011.png" height="40" width="40">
          <div class="home-category-child-text">魅族蓝牙运动耳机</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav011.png" height="40" width="40">
          <div class="home-category-child-text">先锋蓝牙运动耳机</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav011.png" height="40" width="40">
          <div class="home-category-child-text">魅族 EP2X耳机</div>
        </a>
        <a href="#" class="home-category-child-item title">
          音箱
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav011.png" height="40" width="40">
          <div class="home-category-child-text">魅族蓝牙小音箱</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav011.png" height="40" width="40">
          <div class="home-category-child-text">Beats 蓝牙音响</div>
        </a>
      </div>
    </div>
  </li>
  <li class="home-category-item">
    <a href="#" class="home-category-link">
        手机配件 / 移动电源
    </a>
    <div class="home-category-child clearfix">
      <div class="home-category-child-list clearfix">
        <a href="#" class="home-category-child-item title">
          数据线
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav012.png" height="40" width="40">
          <div class="home-category-child-text">Type-C数据线</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav012.png" height="40" width="40">
          <div class="home-category-child-text">Micro USB数据线</div>
        </a>
        <a href="#" class="home-category-child-item title">
          移动电源
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav012.png" height="40" width="40">
          <div class="home-category-child-text">移动电源标准版</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav012.png" height="40" width="40">
          <div class="home-category-child-text">小黄人版移动电源</div>
        </a>
      </div>
    </div>
  </li>
  <li class="home-category-item">
    <a href="#" class="home-category-link">
        移动存储／办公设备
    </a>
    <div class="home-category-child clearfix">
      <div class="home-category-child-list clearfix">
        <a href="#" class="home-category-child-item title">
          办公设备
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav013.png" height="40" width="40">
          <div class="home-category-child-text">雷柏无线键鼠套装</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav013.png" height="40" width="40">
          <div class="home-category-child-text">飞智蓝牙无线手柄</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav013.png" height="40" width="40">
          <div class="home-category-child-text">雷柏无线办公鼠标</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav013.png" height="40" width="40">
          <div class="home-category-child-text">雷柏触控静音鼠标</div>
        </a>
      </div>
    </div>
  </li>
  <li class="home-category-item">
    <a href="#" class="home-category-link">
        生活周边
    </a>
    <div class="home-category-child clearfix">
      <div class="home-category-child-list clearfix">
        <a href="#" class="home-category-child-item title">
          生活周边
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav014.png" height="40" width="40">
          <div class="home-category-child-text">魅族休闲双肩包</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav014.png" height="40" width="40">
          <div class="home-category-child-text">魅族旅行包</div>
        </a>
        <a href="#" class="home-category-child-item title">
          手机镜头
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav014.png" height="40" width="40">
          <div class="home-category-child-text">猎奇 手机镜头套装</div>
        </a>
        <a class="home-category-child-item" href="#" target="_blank" >
          <img class="home-category-child-img" src="./static/web/img/nav014.png" height="40" width="40">
          <div class="home-category-child-text">猎奇手机外置镜头</div>
        </a>
      </div>
    </div>
  </li>
</ul><!-- 头部 侧导航 E-->

<!-- 热卖推荐 -->
<div class="home-hot">
<div class="container">
  <div id="carousel-example-generic2" class="carousel slide headhot-cont" data-ride="carousel">
      <div class="home-hot-header clearfix">
              <div class="hhh-title">热品推荐</div>
      </div>
      <!-- Wrapper for slides -->
      <div class="carousel-inner home-hot-content" role="listbox">
        <ul class="item active clearfix home-hot-list">
          {% for goods in hotlist %}
          <li class="home-product">
          <a href="{% url 'pdetail' goods.id %}">
            <div class="">
              <img src="/static/admin/upload/m_{{goods.picname}}" class="home-product-img">
              <div class="caption">
                <h4 class="home-product-title">{{goods.goods}}</h4>
                <p class="home-product-bottom">
                  <span class="home-product-price">{{goods.price}}
                  </span>
                  <!-- <span class="home-product-price origin">999</span> -->
                </p>
                <!--<div class="home-product-sign" style="background-color: #f59646;">冠军</div>-->
              </div>
            </div>
          </a>
          </li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>
</div>
<!-- 热卖推荐 E-->

<!-- 楼层板块 -->
<div class="home-floor">
  <div class="container">
    <!-- 数码楼层 -->
    <div class="home-floor-content phone card ">
      <div class="hd">
        <h2 class="mbf-title tit">数码</h2>
      </div>
      <!-- Nav tabs -->
      <ul class="nav nav-tabs mbf-nav hidden-xs hidden-sm" role="tablist">
{#        <li role="presentation" class="active">#}
{#              <a href="#phone1" aria-controls="phone1" role="tab" data-toggle="tab">热销机型</a>#}
{#        </li>#}
      </ul>
{#      <a class="mbf-more" href="#" target="_blank">更多&gt;</a>#}
      <!-- Tab panes -->
      <div class="tab-content home-floor-product">
        <div role="tabpanel" class="tab-pane active" id="phone1">
          <ul class="item active clearfix">
            {% for dgoods in newDigitList %}
            <li class="home-product ">
            <a href="{% url 'pdetail' dgoods.id %}">
              <div class="">
                <img src="/static/admin/upload/m_{{dgoods.picname}}" class="home-product-img">
                <div class="caption">
                  <h4 class="home-product-title">{{dgoods.goods}}</h4>
                  <p class="home-product-bottom">
                    <span class="home-product-price">{{dgoods.price}}
                    </span>
                </p>
               </div>
              </div>
            </a>
            </li>
            {% endfor %}
          </ul>
        </div>
      </div>
      <div class="home-floor-ad">
          <a href="">
            <img src="./public/img/ad2.jpg" alt="" class="pc-floor-ad">
            <img src="./public/img/app/mad2.jpg" alt="" class="app-floor-ad">
          </a>
      </div>
    </div>
      <!-- 数码楼层 E-->
    <!-- 服装 楼层 -->
    <div class="home-floor-content peijian">
          <h2 class="mbf-title">服装</h2>
          <!-- Nav tabs -->
          <ul class="nav nav-tabs mbf-nav clearfix hidden-xs hidden-sm" role="tablist-2">
{#                <li role="presentation" class="active">#}
{#                      <a href="#pejian1" aria-controls="pejian1" role="tab" data-toggle="tab">超值推荐</a>#}
{#                </li>#}
{#                <li role="presentation">#}
{#                      <a href="#pejian2" aria-controls="pejian2" role="tab" data-toggle="tab">耳机/音箱 </a>#}
{#                </li>#}
{#                <li role="presentation">#}
{#                      <a href="#pejian3" aria-controls="pejian3" role="tab" data-toggle="tab">智能设备 </a>#}
{#                </li>#}
{#                <li role="presentation">#}
{#                      <a href="#pejian4" aria-controls="pejian4" role="tab" data-toggle="tab">键盘鼠标</a>#}
{#                </li>#}
          </ul>
{#          <a class="mbf-more" href="#" target="_blank">更多&gt;</a>#}

          <!-- Tab panes -->
          <div class="tab-content home-floor-product">
            <div role="tabpanel" class="tab-pane active clearfix" id="pejian1">
              <ul class="item active clearfix">
                {% for cgoods in newClothList %}
                <li class="home-product mmr10">
                <a href="{% url 'pdetail' cgoods.id %}">
                  <div class="">
                    <img src="/static/admin/upload/m_{{cgoods.picname}}" class="home-product-img">
                    <div class="caption">
                      <h4 class="home-product-title">{{cgoods.goods}}</h4>
                      <p class="home-product-bottom">
                        <span class="home-product-price">{{cgoods.price}}
                        </span>
                        <!-- <span class="home-product-price origin">1099</span> -->
                      </p>
                   </div>
                  </div>
                </a>
                </li>
                {% endfor %}
              </ul>
            </div>
          </div>
    </div>
      <!-- 服装 E-->
  </div>
</div>
<!-- 楼层板块 E-->
</div>
{% endblock %}